﻿/*******************************  this template common css ************************
 *
 * 这里放置商城前台页面可以重复使用的代码
 *
 */



/* location */




/* btns of order */


/*******************************  this template common css --------- end ************************/









/********************************* widgets fields *****************************************************************
 *
 * 这里是放置挂件样式的区域
 *
 */

/* page-home */
.home-category{background:#333333;padding-top:20px;}
.home-category li{position:relative;}
.home-category li:after{content: '';border-bottom-width: 1px;border-bottom-style: solid;display: block;width: 100%;position: absolute;bottom: 0;left: 0;width: auto; margin-left: 20px;position: relative;left: auto;  border-color: rgba(0, 0, 0, 0.15);}
.home-category li .title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: inherit;line-height: 20px;display: block;padding: 10px 5px 10px 20px;margin: 0;margin-right: 40px;  font-size: 14px;color:#B0AFAF;}
.home-category li .arrow{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: inherit;line-height: 20px;display: block;margin:0;width: 40px;height: 100%;position: absolute;right: 0;top: 0;z-index: 2;}
.home-category li .arrow:after{content: '';border: 2px solid transparent;display: block;width: 7px;height: 7px;margin-bottom: -5px;position: absolute;bottom: 50%;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);border-color: rgba(255, 255, 255, 0.3);  border-top: none;border-left: none; right: 18px;}


.search{width:100%; background:#fff; text-align:center;padding-bottom:5px;padding-top:5px; height:54px; line-height:54px;}
.search .search-box{border:1px #ccc solid; border-radius: 30px;width:80%; margin:0 auto; height:100%;position:relative;}
.search .search-box form{width:100%;}
.search .search-box form .ui-input-text{width:89%;}
.search .search-box form .ui-input-text,.search .search-box form .ui-input-text input{-webkit-box-sizing: border-box;padding:0px;min-height: initial;}
.search .keyword{height:32px;line-height:32px;margin-top:10px;border:0;-webkit-appearance: none; border-radius:0;font-size:20px; font-family:'yahei';border-right:1px solid #ccc;width:84%;margin-left:20px;display:block;float:left;}
.search .submit{ width: 6%;height:32px;background: url(../images/icon.png) 0 0 no-repeat;text-indent: -9999px;border:0; cursor:pointer;margin-top:2%;margin-left:2%;display:block;float:left;}
.search .ui-btn{position:absolute;right:-6px;top:-1px;}
.search .ui-input-btn input {position:none;opacity:1;}
.search .ui-input-text, .search .ui-input-search {margin:0;border:0px;}
.search .ui-input-text input,.search .ui-input-search input,.search textarea.ui-input-text {-webkit-box-sizing: initial;min-height:2em;}

.slides{ position:relative;width:100%;}
.slides .scroller img{width:100%;}
.slidesjs-pagination{width:100%; text-align:center; position:absolute;bottom:10px;  z-index:99}
.slidesjs-pagination li {display:inline-block;margin: 0 2px;}
.slidesjs-pagination li a { display: block;width:7px;  height:7px;border-radius: 6px;background:#fff;float: left;overflow: hidden;color:#fff;font-size:0;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background:red;color:red;}


.fake-search-box .input-wraper,.true-search-box .search-form .input-wraper {height: 45px;margin: 0 auto;background: #ffffff;border-radius: 8px;position:relative;}
.input-wraper .input-child-wraper{color: #999;border: 0;border-radius: 8px;padding-right:91px;}
.input-wraper .input-child-wraper .text-input{overflow: hidden;text-indent: 20px;font-family: "微软雅黑";font-size: 16px;width:100%;height: 45px;line-height: 45px;border:0;background:none;}
.fake-search-box .input-wraper .fake-submit{width: 81px;height: 45px;line-height: 45px;text-indent: 8px;color: #999;border: 0;background: url(../images/search_r.png) no-repeat right top;background-size: 67px;position:absolute;right:0px;top:0px;}


.true-search-box .top-bar{text-align:center;color:#fff;}
.true-search-box .top-bar .close{display:block;width: 3rem;height: 3rem;display: block;overflow: hidden;text-indent: -6.6rem;background: url(../images/close.png) no-repeat 50% 50%;-webkit-background-size: 1.0rem 1.0rem;-moz-background-size: 1.0rem 1.0rem;background-size: 1.0rem 1.0rem;position:absolute;right:-2px;top:-2px;}
.true-search-box .search-form{background-color: #ddd;}
.true-search-box .search-form .true-submit{position: absolute;top:10px;right:10px;width: 1.8rem;height: 1.8rem;border: none;background: url(../images/search.png) no-repeat 50% 50%;-webkit-background-size: 1.2rem 1.2rem;-moz-background-size: 1.2rem 1.2rem;background-size: 1.8rem 1.8rem;}
.true-search-box .hot-search a{display:block;float:left;padding:2px 8px;border:1px solid #ddd;margin-right:10px;margin-top:10px;background:#fff;}
.true-search-box .hot-search a:hover{border:1px solid #f23015;background:#f23015;color:#fff;}


.memnus-list ul{width:100%;}
.memnus-list ul li{width:25%;float:left;margin-top:10px;}
.memnus-list ul li a{margin-right:10px;display:block;font-size:0.875rem;}
.memnus-list ul li a img{max-width:55px;}
.memnus-list ul li a p{text-align:center;}


.floor{background:#fff;border-top:1px #E5E5E5 solid;margin:5px;}
.floor .col-1,.floor .col-2{width:50%;float:left;overflow:hidden;}
.floor a{ display:block;}
.floor a img{width:100%;display:block;}
.floor .title{height:50px; background:#eee;width:100%; font-size:28px; text-align:center; line-height:50px;color:#333;}


.labels{margin:5px;background:#fff;border-top:1px #E5E5E5 solid}
.labels span{float:left; display:block;width:25%;}
.labels a{ display:block;height:2.07em; line-height:2.07em;margin:4px;border:1px #E5E5E5 solid;  text-align:center;background:url(../images/gray-line.gif) repeat-x left bottom;font-size:0.875rem;color:#666; overflow:hidden}


.theme{border-top:1px #E5E5E5 solid;border-left:1px #E5E5E5 solid;margin:5px;}
.theme li{float:left; display:block;width:50%;text-align:center;border-bottom:1px #E5E5E5 solid;}
.theme a{ display:block; overflow:hidden;border-right:1px #E5E5E5 solid;}
.theme a img{display:block;width:100%;}


.bottom-search{position:relative;}
.bottom-search .search-box{margin:0px 44px;background:#a2a2a2;height:44px;position:relative;overflow:hidden;}
.bottom-search .search-box .wraper{margin:6px 10px 6px;height:32px;background:#fff;border-radius:5px;text-align:center;}
.bottom-search .search-box .wraper input{width:85%;height:100%;background:none;border:0px;}
.bottom-search .search-box input[type='submit']{position:absolute;top:11px;right:20px;width: 20px;height: 20px;background-position: 0 -103px;border: none;background: no-repeat center url(../images/search.png);background-size: 20px;}
.bottom-search > a{display:block;width:44px;height:44px;position:absolute;top:0px;}
.bottom-search .home-icon{left:0px; background:#686868 url(../images/goindex.png);background-position: center;background-repeat: no-repeat;background-size: 27px;}
.bottom-search .back-top{ background:#686868; background-position: center center;background-repeat: no-repeat; background-image: url(../images/top.png);background-size: 27px;right:0px;}


/* widget-fields */








/********************************* 挂件样式代码结束 widgets fields end *****************************************************************/







/* search.goods.html */
#page-search-goods { background:#fff;}
.search-goods .squares li{ border-bottom:1px #E8E5E5 solid;padding:10px 5px;padding-left:110px;}
.search-goods .squares .pic{float:left;width:100px; height:100px; margin:0px 10px 0px 0px;margin-left:-110px;}
.search-goods .squares .pic img{width:100px; height:100px;}
.search-goods .squares .info{ display:block;}
.search-goods .squares a{ font-weight:normal;font-size:1rem; }
.search-goods .squares h2{display:block;/*height:20px;*/line-height:20px;font-size:1rem;font-weight:normal;overflow:hidden}
.search-goods .squares .sales{color:#6E6E6E;}
.search-goods .squares .store span{border:1px #6FC9A7 solid; border-radius:3px; background:#6FC9A7; color:#fff;padding:0 2px 0 2px;}


.search-goods .attr .tit p{width:50%;text-align:center;position:relative;padding:15px 0px;float:left;}
.search-goods .attr .tit p span{display:block;width:98%;border-right: 1px solid #ccc;height:14px;line-height:14px; cursor:pointer}
.search-goods .attr .tit p span.active{color:#d60303;}
.search-goods .attr .tit p i{display:block;position: absolute;left:49%;bottom: -1px;width: 12px;height: 7px;background: url(../images/icon1.png) 0 -2018px no-repeat;color: #d60303;}
.search-goods .attr .tit p.filter span b{display: inline-block;width: 10px;height: 14px;margin-left:5px;background: url(../images/icon2b.png) -143px -4px no-repeat;background-size: 180px 180px;vertical-align: middle;}



.display-order{border-top:1px #D0CECE solid; height:35px; background:#E6E3E3;}
.display-order li{width:25%;float:left; line-height:35px; color:#6E6E6E; text-align:center; cursor:pointer}
.display-order li.current span{display:block;border-bottom: 2px solid #f23015;line-height:33px;color:#f23015;}

.search-goods .attribute .title{border:1px #E6E2E1 solid;padding:8px 0 8px 10px;color:#3e3e3e; background:#F2F2F2;}
.search-goods .selected-attr strong{color:#666}
.search-goods .selected-attr a{padding:0 20px 0 3px;display:inline-block;border:#e1e7f5 1px solid; background:#fff; position:relative; cursor:pointer; font-family:Arial;margin-top:2px;color:#806f66; line-height:16px;}
.search-goods .selected-attr a:hover{border:1px #A50000 solid;color:#B00000; text-decoration:none}
.search-goods .selected-attr a span{position:absolute;top:1px;right:3px; overflow:hidden;width:13px;height:13px; background:url(../images/btn_bj.png) no-repeat 0 -34px;}
.search-goods .attribute .content{border:1px #E6E2E1 solid;border-top:0;border-bottom:1px #D1CCC7 solid}
.search-goods .attribute .attr-cate{border-top:1px #E6E2E1 solid;}
.search-goods .attribute .attr-list{border-top:1px dashed #e1e1e1; height:22px;padding:5px 0 5px 0;}
.search-goods .attribute .attr-list li{float:left;margin:0px 5px 0 10px;width:172px; height:22px; display:block; line-height:22px; background:url(../images/T1U_vGXjdaXXckL6Z0-130-130.png) no-repeat -124px -40px;padding-left:10px;}
.search-goods .attribute .attr-list li a{color:#806f66}
.search-goods .attribute .attr-list li span{margin-left:2px;color:#BFBFBF}
.search-goods .attribute .each{border-bottom:1px dotted #e1e1e1;line-height:22px;padding:5px 0 5px 0;width:100%}
.search-goods .attribute .each h4{float:left;width:50px; font-weight:400;color:#666;font-size:100%;margin-left:10px;margin-top:2px;}
.search-goods .attribute .each .pv{float:left;width:80%}
.search-goods .attribute .each .pv a{ margin:2px 2px 2px 0;color:#806f66; display:inline-block;border:1px #ddd solid;padding:0 5px 0 5px;}
.search-goods .attribute .each .pv a:hover{color:#B00000; text-decoration:none}
.search-goods .attribute .attr-bottom{ height:35px; position:relative;}
.search-goods .attribute .attr-bottom ins{border:#ebe4de 1px solid;height:3px;font-size:0; display:block;background:#efebea}

.search-goods .attribute .attr-bottom b{cursor:pointer; z-index:99; position:absolute; display:block; width:70px; height:18px;border:#e6e2e1 1px solid; background:#efeceb;border-top:0;top:3px; right:0;font-size:15;font-weight:normal;color:#806F66; padding-left:15px;*padding-top:2px;}
.search-goods .attribute .attr-bottom b i{width:10px; height:15px; display:block; background:url(../images/T1U_vGXjdaXXckL6Z0-130-130.png) -82px -5px; position:absolute;top:2px;right:8px;}
.search-goods .attribute .attr-bottom b.hide-more i{ background-position:-105px -5px;}


.attrs{width:100%;overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-overflow-scrolling:touch;  font-size: 0.8rem;}

.attrs>* { padding:0px 0px 0px 10px;}
.attrs .attr-extra{padding-bottom:0.8rem;}
.attrs .attr .attrk {padding-top: 0.8rem;color:#fff;}
.attrs .attr .attrk a{color:#fff;}
.attrs .attr .attrv{padding-top: 0.33rem;}
.attrs .attr .attrv li{float: left; position: relative;border-radius: 0.2rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;width:50%;margin: 0.33rem 0;text-align: center;list-style: none;line-height: 1.72rem;}
.attrs .attr .attrv li a{margin-right:10px;display:block;}
.attrs .attr .attrv li a span{border-radius: 0.13rem;display: block;color: #333;font-size: 0.8rem;text-decoration: none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background-color: #fff;}
.attrs .attr .attrv li a i{display:block;width:100%;height:100%;text-indent:-99999px;}
.attrs .attr .options{text-align:center;  margin: 0.33rem 0;padding: 0.33rem 0;font-size: 0.8rem;text-align: center;letter-spacing: .1em;}
.attrs .attr .options a{color: #999;text-decoration: none;}
.attrs .attr .options .more i {  background-image: -webkit-linear-gradient(left,transparent 70%,#999 70%,#999 100%),-webkit-linear-gradient(top,transparent 70%,#999 70%,#999 100%);  background-image: -moz-linear-gradient(left,transparent 70%,#999 70%,#999 100%),-moz-linear-gradient(top,transparent 70%,#999 70%,#999 100%);  background-image: -o-linear-gradient(left,transparent 70%,#999 70%,#999 100%),-o-linear-gradient(top,transparent 70%,#999 70%,#999 100%);  position: relative;  display: inline-block;  width: 0.6rem;  height: 0.6rem;  margin-left: 0.2rem;-webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -o-transform: rotate(45deg);  top: -0.13rem;}
.attrs .attr .options .unfold i{-webkit-transform: rotate(220deg);  -moz-transform: rotate(220deg);  -o-transform: rotate(220deg);top: 0.08rem;}

.attrs .attr .attrv li a:hover span{background: #ea4b35;color:#fff;}
.attrs .attr .attrv .selected-attr li a span{border:1px solid #ea4b35;}
.attrs .attr .attrv .selected-attr li a:hover span{background: #fff;color:#333;}
.attrs .attr .attrv .selected-attr li a span:after{background: -webkit-linear-gradient(left top,transparent 49%,#ea4b35 49%,#ea4b35 100%);background: -moz-linear-gradient(left top,transparent 49%,#ea4b35 49%,#ea4b35 100%);background: -o-linear-gradient(left top,transparent 49%,#ea4b35 49%,#ea4b35 100%);content: '7';position: absolute;right:5px;bottom: -0.27rem;width: 22px;height: 22px;color: #fff;font-family: tahoma;font-size: 12px;font-style: italic;font-weight: bolder;line-height: 2rem;text-indent: 0.6rem;overflow: hidden;-webkit-transform: rotate(-90deg) scaleX(-1) scale(0.55);-moz-transform: rotate(-90deg) scaleX(-1) scale(0.55);-o-transform: rotate(-90deg) scaleX(-1) scale(0.55);}

/*page-search-store*/
.search-store .search-bar {width:100%;height:44px;position:relative;}
.search-store .search-bar span{display:block;margin-right:44px;background:#fff;height:44px;padding:0px 10px;border-radius:5px 0px 0px 5px;}
.search-store .search-bar span input{height:100%;width:100%;border:0px;background:none;}
.search-store .search-bar .table-btn{position:absolute;right:0px;top:0px;width:44px;height:44px;background: #e6e6e6; display: block; border-radius: 0 5px 5px 0;border: none;}

.search-store .filter {text-align:right;padding:10px 0px;}

.search-store .shop-list li dl{position:relative;padding-left:90px;}
.search-store .shop-list li dl dt{position:absolute;left:0px;top:0px;padding:5px 0px;}
.search-store .shop-list li dl dd > p{line-height:20px;height:20px;width:100%;font-size:0.875rem;color:#999;position:relative;}
.search-store .shop-list li dl dd p i{position:absolute;right:10px;top:0px;}
.search-store .shop-list li dl dd h3{margin-bottom:10px;}
.search-store .shop-list li dl dd h3 a{font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height:21px;line-height:21px;width:100%;display:block;}

.search-integral-goods .pro-info em, .pro-info i{font-size:14px; color:#000; font-weight:normal}
.search-integral-goods .pro-info i{font-style:normal;padding:0px 8px;padding:0px 4px;color:#EE3000; border:1px #f60 dotted;margin-left:5px;}



/*pageslide.css*/
#pageslide {position: fixed;position: fixed;top: 0;right:-1699px;height: 100%;z-index: 990;width:100%;background: rgba(0, 0, 0, 0.5);}

#cate-model{position:absolute;top: 0;right:-100%;z-index: 991;width:70%;padding:0px 10px 50px 10px;background:rgba(0,0,0,0.7);color: #fff;font-family:'microsoft yahei';display:none;}
#cate-model .wrap{width:100%;height:100%;}
#cate-model .close{position:absolute;left:-60px;width: 58px;height: 50px;background: url(../images/icon_slid.png) 0 0 no-repeat;}
#cate-model ul li{position: relative;}
#cate-model ul li:click{background:#fff;}
#cate-model ul li.tit{border-bottom:1px solid #fff;}
#cate-model ul li  a{display:block;padding: 8px 5px;color: #fff;}
#cate-model ul li .list li{border-bottom: 1px dotted #999;}
#cate-model ul li .list li:hover,#cate-model ul li .list li:active{ background:#FA932E}
#cate-model ul li .list li a{border:0px;padding: 7px 5px;color: #fff;}
#cate-model .selected-attr strong{font-weight:normal;}
#cate-model .selected-attr a{font-weight:normal;color:#fff;border:1px dotted #fff;padding:2px 5px;display:inline-block;}


/* 搜索页面的品牌旗舰店 */



/* 搜索商品和搜索店铺页面，搜索团购，全部商品分类，全部店铺分类公用 */



/* 搜索商品和搜索店铺公用 --- 结束  */




/*********************************  以下为统一模板页面风格的样式代码，如果没有必要（除了修改宽度高度等），不要修改下面的代码 *******************/


/* search.store.html */



/* category.goods.html */
#page-category-goods{ background:#fff;}
.gcategory{padding:10px 5px 20px 5px}
.gcategory-list{border:1px #DED6C9 solid;}
.gcategory-list li{ display:block;color:#6E6E6E;border-bottom:1px solid #DED6C9;  position:relative}
.gcategory-list li .gcategory-value{line-height:40px;display:block;}
.gcategory-list li.gcategory-show-child{ background-position:96% -893px;}
.gcategory-list .gcategory-value span{ font-weight:normal}
.gcategory-list .gcategory-value i{display:inline-block;width: 7px;height: 7px;margin: 0 5px 2px 0;border-radius: 7px;background-color: #e4393c;}
.gcategory-list a{ margin-left:10px;color:#6E6E6E;}
.gcategory-list li a{margin-left:10px;text-indent:10px;}
.gcategory-list li em{ position:absolute; cursor:pointer; display:block; right:0px; top:0px; width:40px; height:40px; margin-right:10px;  background:url(../images/icon2.png) no-repeat scroll 96% -840px transparent}
.gcategory-list li em.gcategory-show-child{ background-position:96% -893px;}
.gcategory-list .gcategory-value-last{border-bottom:0;}
.gcategory-list .category-child{ background:#fff;}
.gcategory-list .category-child p{border-top:1px solid #DED6C9;}

.gcategory-list .category-child a{ display:inline-block;width:45%;}
.gcategory-list .category-child a span{height:40px;line-height:40px;overflow:hidden;display:inline-block;}

/* login .html, member.register.html common css */
#page-auth{}
#page-auth .form  label{display:block;margin-bottom:10px;color:#e4393c}
#page-auth .form  label.validate_right{color:#0F0;}
#page-auth .ui-input-text, #page-auth .ui-input-search {margin:0;border:0px;}
#page-auth .ui-input-text input,#page-auth .ui-input-search input,#page-auth textarea.ui-input-text {-webkit-box-sizing: initial;min-height: 1em;}
#page-auth .captcha-box .ui-input-text{width:38%;}
#page-auth .form{padding:10px;}
#page-auth .form .read-licence{}
#page-auth .form .read-licence .ui-checkbox{padding-left:29px;}
#page-auth .form .read-licence input{float:left;}
#page-auth .form .read-licence label{float:left;}
#page-auth .input{ height:32px;padding:5px 0px; width:99%;margin-bottom:10px;border:1px #ddd solid; color:#BDBDBD;text-indent:10px;font-size:1rem;border-radius:4px;}
#page-auth .captcha{width:50%;}
#page-auth .change-captcha{ color:#CC0000; margin-left:20px;}
#page-auth .ui-btn{margin:0;padding: 8px;}
#page-auth .extra {font-size:0.75rem;}

#page-auth .partner{border-top:1px #ddd dotted; padding-top:20px;margin-bottom:30px;}
#page-auth .partner a{ display:inline-block; margin-right:15px;}
#page-auth .partner a img{width:40px;}
/* login */


/* find_password.html */
#page-find-password{}
#page-find-password .form dl{margin-left:20px;}

/* register */
#page-register{}
.btn_graylong { background:#ddd;border:1px #ddd solid; line-height: 36px; line-height:36px; border-radius:4px; padding: 0 8px 0 8px; cursor:pointer;  text-align: center;}
.btn_graylong_disable{ background:#f1f1f1; border:1px #ddd solid; color:#ddd;}

/* article */
.search-article{position:relative;margin:20px 10px;}
.search-article .txt-input{background:#fff;height:40px;border-radius: 5px 0px 0px 5px;-moz-border-radius: 5px 0px 0px 5px;-webkit-border-radius: 5px 0px 0px 5px;margin-right: 44px;border: #c7c7c7 solid 1px;}
.search-article .txt-input input{border:0px;background:none;height:40px;line-height:40px;font-size:1rem;padding:0px 10px;}
.search-article .submit{position:absolute;right:0px;top:0px;width: 43px;height: 40px;border: #c7c7c7 solid 1px;border-radius: 0px 3px 3px 0px;-moz-border-radius: 0px 3px 3px 0px;-webkit-border-radius: 0px 3px 3px 0px;-moz-border-radius: 0px 3px 3px 0px;border-left: none;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));}
.search-article .submit input{display: block;width: 100%;height: 39px;background: url(../images/icon33.png) -49px 11px no-repeat transparent;background-size: 175px 150px;text-indent: -9999px;border: none;}

.article-list .tab li{float:left;width:50%;}
.article-list .tab li a{display:block;height: 33px;line-height: 33px;display: block;text-align: center;border: #bdbdbd solid 1px;background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9));  color: #8d8d8d;}
.article-list .tab li.first a{border-left:#bdbdbd solid 1px;}
.article-list .tab li.active a{background:-webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#f4f4f4));}

#page-article .container .list{background:#fff;border: #d7d7d7 solid 1px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#page-article .container .list .title{ background: #F6F6F6;font-weight: bold;color: #000;height:40px;line-height:40px;padding:0px 10px;border-bottom: #e6e6e6 solid 1px;}
#page-article .container .list ul li{border-bottom: #e6e6e6 solid 1px;padding: 0 10px;}
#page-article .container .list ul li a{color:#999;width:100%;overflow:hidden;height: 40px;line-height: 40px;display:block;}

/* brand.index.html */
.rec_brand{padding:10px 0px 10px 10px;s}
.rec_brand .title{font-size:1rem;}
.rec_brand .content li{width:25%;float:left;margin-top:10px;overflow:hidden;}
.rec_brand .content li a{margin-right:10px;display:block;height:48px;border:1px solid #ddd;text-align:center;}
.rec_brand .content li a img{max-width:100%;}
.rec_brand .content li a:hover{border:1px solid #C00;}

/* apply.step.html */
.module >*{padding:10px;}
.apply-style table{border-collapse:collapse;width:100%;margin-top:10px;}
.apply-style table td,.apply-style table th{border:1px solid #ddd;background:#fff;padding:5px 0px;}
.apply-style table td.desc{color:#999;}
.apply-style .btn a,.step2 .btn input{display: block;width:100%;margin:auto;height:45px;line-height:45px;color: #fff;font-size: 1.25rem;cursor: pointer;text-align: center;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;background:#E4393C;border:0px;}

.step2 table{width:100%;}
.step2 table tr{height:50px;}
.step2 p{border:1px solid #ddd;background:#fff;height:39px;padding:0px 10px;}
.step2 p input{border:0px;background:none;height:100%;line-height:100%;width:100%;font-size:1rem;}





/*********************************  以上为统一模板页面风格的样式代码，如果没有必要（除了修改宽度高度等），不要修改上面的代码 *******************/






/*********************************  以下为购物车到交易完成结束的页面代码，如果没有必要（除了修改宽度高度等），不要修改下面的代码 *******************/


/* cart.empty */
#page-cart{}
.empty-cart-tip{ text-align:center;padding-bottom:30px;}
.empty-cart-tip span{background:url(../images/empty-cart.png) no-repeat center center; display:inline-block;padding-top:180px; background-size:50%; color:#666; font-size:1rem}
.empty-cart-tip .enter{display:inline-block;color:#fff;padding:8px 40px;background-color:#E4393C;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}


/*cart.index*/
.cart-it{margin: 10px 10px 60px 10px;background: #fafafa;border: 1px solid;border-color:#e3e3e3 #d7d7d7;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);border-radius: 8px;-webkit-border-radius: 8px;}
.cart-it .store-info{background: #f5f3f3;padding:10px;-webkit-box-align: center;border-radius: 8px 8px 0px 0px;}
.cart-it .store-info .myscb{float:left;}
.cart-it .store-info .myscb input{vertical-align:text-top;}
.cart-it .ui-checkbox input,.cart-it .ui-radio input{ position:inherit;width:20px;height:20px;
margin:0;}
.cart-it .store-info  h3 {float:left;font-size:1rem;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight:normal}
.cart-it .store-info span{}
.cart-it .store-info span strong{color: #d40000;font-family: arial;}
.cart-it .store-info .info{float:left;}

.cart-it li{padding: 10px 10px 10px 106px; border-top: 1px #e3e3e3 dotted; position:relative}
.cart-it  ul li .myscb{padding: 25px 5px 0 0;}
.cart-it  ul li .it{}
.cart-it  ul li .it .pic{margin-left:-100px;padding: 2px;width: 90px;height: 90px;display: inline-block;text-align: center;border: 1px solid #f1f1f1;line-height: 65px;float:left;}
.cart-it  ul li .it .pic img{width:100%;height:100%;}
.cart-it  ul li .it .detail{float:left;}
.cart-it  ul li .it .desc h4{font-size:1rem;font-weight:normal;overflow: hidden;}
.cart-it  ul li .it p{font-size:0.875rem;color: #999;margin-top: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cart-it  ul li .it .price{height: 35px;line-height: 30px;font-family:arial;font-weight:normal;font-size:0.875rem;}
.cart-it  ul li .it .price span,.cart-it  ul li .it .price em{color: #d40000;font-style: normal;font-size: 1rem;}
.cart-it  ul li .it .price .txt {display:block;position:relative;margin:0px 35px;font-style:normal;font-family:'song';}
.cart-it  ul li .it .price .txt i{display:inline-block;width:24px;height:24px;position:absolute;top:3px;}
.cart-it  ul li .it .price .txt input{width: 40px;height: 20px;text-align: center;font-size:1rem;border: 1px solid #999;border-top-color: #BBB;color: #333;line-height:20px;}
.cart-it  ul li .it  .del{ position:absolute; right:10px; bottom:10px;display: inline-block;width: 15px;height: 20px;background: url(../images/del.png) no-repeat;background-size: 100% 100%;text-indent:-9999px;vertical-align:bottom;margin-left:10px;}
.cart-it  ul li .it  .move{display:inline-block;border: 1px solid  #c52023;-webkit-border-radius: 12px;width: 18px;height: 18px;background: #c52023;vertical-align:bottom;margin-left:10px;}
.cart-it  ul li .it  .move:after{display: block;margin-left: 3px;margin-top: 5px;content: "";width: 11px;height: 4px;border: solid #fff;border-width: 2px 2px 0 0;-webkit-transform: rotate(135deg);}
.go2order{width:100%;text-align:right;padding:5px 0px;position:fixed;bottom:0px;right:0px;background:rgba(0, 0, 0, 0.7);box-shadow:0px 1px 2px #000;}
.go2order a{display:inline-block;background: rgb(192, 0, 0);height:35px;line-height:35px;width:100px;text-align:center;font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;color: #fff;margin-right:10px;-webkit-border-radius: 3px;margin-left:10px;}
.go2order span strong{color: #d40000;font-family:arial;font-size:1.25rem;}
.go2order span{color:#fff;line-height:35px;}


/* 确认订单页面 */

#select-address{margin:0 10px 0 10px; padding-left:5px; padding-right:5px; background:#fff; color:#666; position:relative}
#select-address .oldaddress{ background: url(../images/T14gyiFclaXXXlIcDb-80-9.png) 0 0 repeat-x;padding:15px 15px 0 15px}
#select-address .oldaddress dl{border-bottom:1px #ddd dotted;padding-bottom:10px; margin-bottom:10px;padding-left:15px;}
#select-address .oldaddress dl dd{padding-right:10px;}
#select-address .oldaddress dl dt b{ font-weight:normal}
#select-address .oldaddress input{margin-left:-25px;margin-right:8px; margin-top:15px; border-radius:0; background:none; font-weight:normal;}
#select-address .use-new-address{ margin-left:15px; height:20px; line-height:20px; padding-bottom:10px;}
#select-address .btn-more-addr{ position:absolute; background:url(../images/icon17.png) no-repeat; width:9px; height:15px; background-size:9px 15px; top:36px; right:15px;}
#select-address .selected_address{color:#424242;}

.cartbox{margin:10px 10px 0 10px; background:#fff; color:#666;}
.cartbox .title{ height:40px; line-height:40px;  background:#ddd;padding-left:10px;}
.cartbox .title span{ display:inline-block; width:15%; text-align:center}
.cartbox .title span.col-desc{width:90%; text-align:left;}
.cartbox .store-each{}
.cartbox .goods-each{border-bottom:1px #ddd dotted; padding-bottom:10px;padding-left:70px;padding-top:10px; position:relative;}
.cartbox .goods-each dd.pic{width:50px; height:50px;float:left;margin-left:-60px;}
.cartbox .goods-each dd.desc{float:left; padding-right:70px}
.cartbox .goods-each dd.desc .f66{color:#999; margin-top:5px;}
.cartbox .goods-each dd.price{ display:block; position:absolute;top:12px; right: 10px;font-family:Arial, Helvetica, sans-serif;}
.cartbox .goods-each .quantity{ display:block;color:#666666; text-align:right;font-weight:normal;}

.order-confirm-extra{margin:0 10px 0 10px; padding:10px; background:#fff; color:#666; margin-bottom:45px;}
#postscript .title{margin-bottom:5px;}
#postscript textarea{border:1px #eee solid; background:#eee;width:99.3%; height:22px; line-height:22px;font-size:12px;color:#666; border-radius:0;border-top:0;}
#postscript .max-textarea{ height:44px;border:1px #999 solid;color:#000; background:#fff;}
.ship-method, .use-coupon, .use-integral{border-bottom:1px #ddd dotted;padding-bottom:10px;margin-top:10px}
.use-integral .integral-input{width:50px;border:1px #ddd solid;}
.ship-method select,.use-coupon select{border:1px #ddd solid; background:#fff; padding:3px; vertical-align:middle}
.ship-method .title,.use-coupon .title{margin-top:5px;}
.order-confirm-extra .confirm-extra-bottom{border-top:1px #fff solid; height:40px; line-height:40px;}
.confirm-extra-bottom .price{ font-weight:normal; color:#4e4e4e}
.confirm-extra-bottom .price em{ color:#000;}
.make_sure{ position:fixed; bottom:0; background:#EEEEEE; width:100%;}
.make_sure .realPay, .make_sure .btn-next{ padding:20px;}
.make_sure .btn-step{border-radius: 5px; background:#E4393C;padding:10px; color:#fff;}

/* 确认支付 */
.success-anounce{width:100%;margin: 10px auto;background: #fff;border: 1px solid #ddd;line-height:25px;padding:10px 0px;}
.success-anounce  .anounce-txt{padding:5px 10px;}
.success-anounce  .anounce-txt h4{color: #db2929;font-size:1.25rem;font-weight:normal}
.success-anounce  .anounce-txt h3,.success-anounce  .anounce-txt p{font-size:1rem;font-weight: normal;color:#999;}

/* 完成支付 */
.cashier{}
.cashier .order_info{height:91px; padding:20px 0 10px 20px; margin:auto;margin:10px;border:1px #BBDDAA solid;background:#fff; }
.cashier .order_info .ico{float:left; background:url(../images/05.png); width:54px; height:91px;}
.cashier .order_info .text{float:left;margin-left:30px; line-height:25px;}
.cashier .order_info .text span{font-size:20px}
.cashier .order_info .text a{color:#0033CC; text-decoration:none}

/* 微信支付 */
.wxpay .detail{background:#fefefe;border-top:1px #ddd solid;border-bottom:1px #ddd solid;color:#999}
.wxpay .title{text-align:center; padding:20px;font-family:'yahei'; }
.wxpay .title .gray{border-bottom:1px #999 dotted;padding-bottom:10px; margin-bottom:10px;font-size:20px;}
.wxpay .title .price{ font-size:30px;color:#444;}



/*********************************  以上为购物车到交易完成结束的页面代码，如果没有必要（除了修改宽度高度等），不要修改上面的代码 ---- 结束 *******************/
